@charset 'utf-8';

header{height:50px;background-color:#e7e7e7;}

#header{width:100%;height:0;background-color:red}
#main{width:100%;height:200px}
#main .col{width:50%;*width:49.999999999999%;height:100%;float:left;}
#main .col-1{background-color:green;}
#main .col-2{background-color:blue;}

/* iphone */
@media screen and (min-width : 320px) and (max-width : 640px){
    #header{display:none;}
    #main .col{float:none;width:100%;}
}

/* ipad 横*/
@media screen and (min-width : 640px) and (max-width : 1024px) and (orientation : landscape){
    
}

/* ipad 竖*/
@media screen and (min-width : 640px) and (max-width : 1024px) and (orientation : portrait){
    #main .col{float:none;width:100%;}
}

/* pc */
@media screen and (min-width : 1224px){

}

/* Android */